<template style="height: 100%">
  <div id="container">
    <i-tabs :current="current_scroll" scroll @change="handleChangeScroll">
      <i-tab key="tab1" title="我喜欢的"></i-tab>
      <i-tab key="tab2" title="我解锁的"></i-tab>
    </i-tabs>

    <div>
      <p style="margin: 204rpx auto 0;width: 164rpx;height: 164rpx;"><img style="width: 100%;height: 100%" src="/static/icon/dropbox.png" alt=""></p>
      <p class="invitation-text mt60">您目前还没有喜欢的人哦～</p>
    </div>
  </div>
</template>
<script>
  export default {
    mpType: 'invitation',
    data() {
      return {
        current: 'tab2',
        current_scroll: 'tab1'
      }
    },
    components: {},
    computed() {

    },
    mounted() {
    },
    methods: {
      getUserInfo() {
        // 调用登录接口
        wx.login({
          success: () => {
            wx.getUserInfo({
              success: (res) => {
                this.userInfo = res.userInfo
              }
            })
          }
        })
      },
      handleChange({detail}) {
        this.setData({
          current: detail.key
        });
      },
      handleChangeScroll({detail}) {
        console.log(detail)
        this.setData({
          current_scroll: detail.key
        });
      },

      clickHandle(msg, ev) {
        console.log('clickHandle:', msg, ev)
      },
    },
    created() {
      // 调用应用实例的方法获取全局数据
      this.getUserInfo()
    }
  }
</script>
<style>
  .invitation-text{
    color: #a9a9a9;
    font-size: 30rpx;
    line-height: 46rpx;
    text-align: center;
  }
  .mt60{
    margin-top: 60rpx;
  }
</style>
